<template>
    <div>
        <NavBar><template v-slot:default>订单查看</template></NavBar>
    </div>
    <div>
        <van-tabs v-model="" style="margin-top: 45px"  swipeable>
            <van-tab title="全部订单"></van-tab>
            <van-tab title="待付款"></van-tab>
            <van-tab title="已支付"></van-tab>
            <van-tab title="代发货"></van-tab>
            <van-tab title="待收货"></van-tab>
            <van-tab title="交易完成"></van-tab>
            <van-tab title="售后"></van-tab>
        </van-tabs>
    </div>

</template>

<script>
    import {onMounted,computed,reactive,toRefs} from 'vue'
    import {useRoute,useRouter} from 'vue-router'
    import {useStore} from 'vuex'
    import NavBar from '../../../components/common/navbar/NavBar'
    export default {
        name: "order",
        components:{
            NavBar
        },
        setup(){
            const router =useRouter();
            const route =useRoute();
            const state =reactive({
               loading:false,
               finished:false,
               refreshing:false,
                list:[],
                page:1,
                totalPage:0,
                status:0
            });
            onMounted(()=>{
                onRefrsh();
            });
            const onRefrsh=()=>{
                console.log('qqq..');
            }
            return{
                ...toRefs(state),
                onRefrsh
            }
        }
    }
</script>

<style scoped>

</style>